<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>找回密码</title>
    <link type="text/css" href="${pageContext.request.contextPath}/static/css/forgetPwd.css" rel="stylesheet" />
    <script>
        function refreshCode(){
            //切换验证码
            //1.获取图片对象
           var ckcode = document.getElementById(`ckcode`)
            //2.设置src属性,加上时间戳
            ckcode.src = "${pageContext.request.contextPath}/CheckCodeServlet?time="+new Date().getTime();
        }
    </script>
</head>

<body>

<div class="content">
    <div class="web-width">
        <div class="for-liucheng">
            <div class="liulist for-cur"></div>
            <div class="liulist"></div>
            <div class="liulist"></div>
            <div class="liulist"></div>
            <div class="liutextbox">
                <div class="liutext for-cur"><em>1</em><br /><strong>填写账户名</strong></div>
                <div class="liutext"><em>2</em><br /><strong>验证身份</strong></div>
                <div class="liutext"><em>3</em><br /><strong>设置新密码</strong></div>
                <div class="liutext"><em>4</em><br /><strong>完成</strong></div>
            </div>
        </div><!--for-liucheng/-->
        <form action="${pageContext.request.contextPath}/UserServlet?action=changePassword" method="post" class="forget-pwd">
            <dl>
                <dt>账户名：</dt>
                <dd><input type="text" name="username"/></dd>
                <div class="clears"></div>
            </dl>
            <dl>
                <dt>验证方式：</dt>
                <dd>
                    <select class="selyz">
                        <option value="0">密保验证</option>
                    </select>
                </dd>
                <div class="clears"></div>
            </dl>
            <dl>
                <dt>验证码：</dt>
                <dd>
                    <input type="text" name="ckcode"/>
                    <div class="yanzma">
                        <a href="javascript:refreshCode()"><img src="${pageContext.request.contextPath}/CheckCodeServlet" title="点击刷新" id="ckcode" /></a>
                        <a href="javascript:refreshCode()">换一张</a>
                    </div>
                </dd>
                <div class="clears"></div>
            </dl>
            <div class="subtijiao"><input type="submit" value="提交" /></div>
        </form><!--forget-pwd/-->
    </div><!--web-width/-->
</div><!--content/-->
</body>
</html>

